<template>
    <div id="vcu-content">
        <div style="float:left;padding:5px;bottom:0px;">
            <span>首页</span>
        </div>
        <div style="float:right;padding:3px 10px;">
            <el-row>
                <el-button round size="medium">圆角</el-button>
                <el-button type="primary" round size="medium">主要</el-button>
                <el-button type="success" round size="medium">成功</el-button>
                <el-button type="info" round size="medium">信息</el-button>
                <el-button type="warning" round size="medium">警告</el-button>
                <el-button type="danger" round size="medium">危险</el-button>
            </el-row>
        </div>
        <div id="right-content" >
            <table border="2" style="font-size:40px">
                <tr>
                    <td>ssss </td>
                    <td>ssss </td>
                    <td>ssss </td>
                    <td>ssss </td>
                </tr>
                <tr>
                    <td>ssss </td>
                    <td>ssss </td>
                    <td>ssss </td>
                    <td>ssss </td>
                </tr>
                <tr>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                </tr>
                <tr>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                </tr>
                <tr>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                </tr>
                <tr>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                </tr>
                <tr>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                </tr>
                <tr>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                </tr>
                <tr>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                </tr>
                <tr>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                    <td>ssss</td>
                </tr>
            </table>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
#vcu-content{
    clear: both;
    height: 90%;
    bottom: 40px;
    overflow: auto;
    /* background-color: cornflowerblue; */
    
}
#right-content{
    padding:10px;
    /* background-color:grey; */
    height: 90%;
    overflow: auto;
    clear: both;
    top: 110px;
    bottom: 40px;
    right: 20px;
    border-top: rgb(236, 228, 228) 1px solid;
    border-bottom: rgb(236, 228, 228) 1px solid;
}
#vcu-content > div > span {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Poppins';
}
</style>